<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>智选写字楼</title>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<link href="../../common/js/swiper/swiper-4.0.5.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../common/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../common/css/style.css" />
		<link rel="stylesheet" type="text/css" href="../../common/css/detail.css" />
		<link rel="stylesheet" type="text/css" href="../../common/css/house.css" />
		<link rel="stylesheet" type="text/css" href="../../common/css/head.css" />
		<script type="text/javascript" charset="utf-8" src="../../common/js/jquery-1.11.2.min.js"></script>
		<script type="text/javascript" charset="utf-8" src="../../common/js/common.js"></script>
		<script type="text/javascript" charset="utf-8" src="../../common/js/bootstrap.min.js"></script>
		<script type="text/javascript" charset="utf-8" src="../../common/js/swiper/swiper-4.0.5.min.js"></script>
		<script src="../../common/js/vue.min.js"></script>
		<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
		<script src="../../common/request/request.js"></script>
		<script src="./js/build.js"></script>
		<style>
			ul.for-inline li,
			.li-inline {
				width: 49%;
				display: inline-block;
				line-height: 26px !important;
			}
			
			.picture-swiper .swiper-pagination-bullet {
				display: inline-block;
				width: 6px;
				height: 6px;
				opacity: 1;
				border-radius: 10px;
				background: white;
				margin: 0 3px;
				cursor: pointer;
				transition: width 0.3s ease-in-out;
			}
			
			.picture-swiper .swiper-pagination-bullet-active {
				background: #00a0e9;
				width: 18px;
			}
		</style>
	</head>

	<body id="index" class="lou">
		<div id="build-house">
			<!--页面头部-->
			<div class="new-header-2">
				<div class="site-top-nav">
					<div class="section clearfix">
						<div class="pull-left left-nav-click">
							<a href="../search/搜索结果列表-写字楼_园区按房源.html">写字楼</a>
							<a href="../search/搜索结果列表-写字楼_园区按房源.html" class="current">园区</a>
							<a href="../search/搜索结果列表-联合办公_按社区.html">联合办公</a>
							<a href="javascript:;">|</a>
							<a href="../others/入驻平台-开发商.html">入驻平台</a>
							<a href="../others/直租计划.html">直租计划</a>
						</div>
						<div class="pull-right right-nav-click">
							<a href="../login/login.html" class="select">登录</a>
							<a href="javascript:;">注册</a>
							<a href="javascript:;"><img src="../../common/images/top-phone.svg" />400-0000-1234</a>
						</div>
					</div>
				</div>
				<div class="fix-header-con">
					<div class="section clearfix">
						<a href="javascript:;" class="logo-small pull-left">
							<img src="../../common/images/logo-s5.svg" width="135px" height="38px" />
						</a>
						<div class="con-line pull-left"></div>
						<div class="nav">
							<a href="../search/搜索结果列表-写字楼_园区按房源.html" class="tj-pc-nav current">写字楼</a>
							<a href="../search/搜索结果列表-写字楼_园区按房源.html" class="tj-pc-nav">园区</a>
							<a href="../search/搜索结果列表-联合办公_按社区.html" class="tj-pc-nav">联合办公</a>
						</div>
						<div class="search-nav">
							<form id="public_form_search" action="/listing/index" method="get">
								<input type="text" class="pull-left" placeholder="搜索你想找的区域或楼盘名称" autocomplete="off" />
								<i class="fa fa-search"></i>
							</form>
						</div>
					</div>
				</div>
			</div>
			<!--/页面头部-->

			<!--Banner-->
			<div class="top-banner slide-box" style="margin-top: 111px;">
				<a href="javascript:;" v-for="item in buildImg">
					<img :src="getImgUrl()+item.imgUrl" class="detail-b" />
				</a>

				<div class="black-mask"></div>
				<div class="section banner-info clearfix">
					<div class="pull-left">
						<h1>华贸中心</h1>
						<span>288人关注</span>&nbsp;&nbsp;|&nbsp;&nbsp;<span>月浏览1983</span
            >
            <p class="address">
              <i class="fa fa-map-marker"></i>建国路79、80、81号 | 朝阳·CBD
            </p>
          </div>
          <div class="pull-right">
            <p style="text-align: right;margin-top: 6px;">
              <a href="javascript:;" class="infoB">
                <img
                  src="../../common/images/favorite.svg"
                  style="width: 9px;vertical-align: unset;"
                />&nbsp;关注
              </a>
              <a
                href="javascript:;"
                class="infoB"
                data-original-title="187-8888-8888"
                data-toggle="tooltip"
                data-placement="left"
                data-trigger="click"
              >
                <img
                  src="../../common/images/location-phone.svg"
                  style="width:14px;vertical-align:text-bottom;"
                />&nbsp;电话
              </a>
            </p>
            <div class="search">
              <input type="text" placeholder="搜索你想找的区域或楼盘名称" />
              <a href="javascript:;">
                <i class="fa fa-search"></i>
              </a>
            </div>
          </div>
        </div>
      </div>
      <!--/Banner-->
      <div class="section loupan">
        <div class="wrapper mt-30 clearfix">
          <div class="wrap-box">
            <div class="left-570" style="margin:0;">
              <div id="focus-box" class="detail-box">
                <div class="d-shadow" id="three-d" style="display:none;">
                  <div class="house-demo" style="height:370px;">
                    <a href="javascript:;">全景周边</a>
                    <!-- 此处显示房源模型 -->
                    <!-- 此处显示房源模型 -->
                  </div>
                  <ul class="choose clearfix">
                    <li>
                      房源面积
                      <a
                        href="javascript:;"
                        data-original-title="200m²以下"
                        data-toggle="tooltip"
                        data-placement="bottom"
                        >小</a
                      >
                      <a
                        href="javascript:;"
                        data-original-title="200～799m²"
                        data-toggle="tooltip"
                        data-placement="top"
                        >中</a
                      >
                      <a
                        href="javascript:;"
                        data-original-title="800m²以上"
                        data-toggle="tooltip"
                        data-placement="bottom"
                        class="active"
                        >大</a
                      >
                    </li>
                    <li>
                      楼层高低
                      <a
                        href="javascript:;"
                        data-original-title="6层以下"
                        data-toggle="tooltip"
                        data-placement="bottom"
                        >低</a
                      >
                      <a
                        href="javascript:;"
                        data-original-title="7～15层"
                        data-toggle="tooltip"
                        data-placement="top"
                        >中</a
                      >
                      <a
                        href="javascript:;"
                        data-original-title="16～30层"
                        data-toggle="tooltip"
                        data-placement="bottom"
                        class="active"
                        >高</a
                      >
                      <a
                        href="javascript:;"
                        data-original-title="30层以上"
                        data-toggle="tooltip"
                        data-placement="top"
                        >超高</a
                      >
                    </li>
                  </ul>
                </div>
                <!-- 这里放图片 -->
                <div class="picture" id="picture">
                  <div class="swiper-container picture-swiper">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <a href="javascript:;"
                          ><img src="../../common/images/inner.png"
                        /></a>
                      </div>
                      <div class="swiper-slide">
                        <a href="../../common/images/h-2.jpg"
                          ><img src="../../common/images/inner.png"
                        /></a>
                      </div>
                      <div class="swiper-slide">
                        <a href="javascript:;"
                          ><img src="../../common/images/inner.png"
                        /></a>
                      </div>
                    </div>
                    <div class="swiper-pagination"></div>
                  </div>
                </div>
                <!-- 这里放图片 -->
                <p class="button">
                  <a
                    style="margin-right:5px;"
                    href="javascript:;"
                    class="active"
                    data-type="picture"
                    >图片</a
                  >
                  <a
                    style="margin-left:5px;"
                    href="javascript:;"
                    data-type="three-d"
                    >3D</a
                  >
                </p>
              </div>
              <div style="padding: 0 15px;">
                <div class="three-info">
                  <div class="three-content">
                    <div class="messagetitle" style="padding-top: 0;">
                      楼盘概况
                    </div>
                    <div class="messgescontent">
                      <div class="side-house">
                        <ul>
                          <li class="li-inline">
                            <span>建成年代：</span>
						<a>2017 年</a>
						</li>
						<li class="li-inline">
							<span>建筑面积：</span>
							<a>100989 m²</a>
						</li>
						<li class="li-inline">
							<span>所属商圈：</span>
							<a>奥体中心</a>
						</li>
						<li class="li-inline">
							<span>楼栋数量：</span>
							<a>5 栋</a>
						</li>
						<li class="li-inline">
							<span>所在环线：</span>
							<a>南五环与南四环之间</a>
						</li>
						<li class="li-inline">
							<span>最高楼层：</span>
							<a>24 层</a>
						</li>
						<li>
							<span>开发商：</span>
							<a>第一太平戴维斯物业管理有限公司</a>
						</li>
						<li>
							<span>楼盘地址：</span>
							<a>山东省济南市历下区龙奥北路奥龙大厦</a>
						</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="three-content">
				<div class="messagetitle">硬件设施</div>
				<div class="messgescontent">
					<div class="side-house clearfix">
						<div class="pull-left" style="width: 49%;">
							<ul>
								<li class="clearfix">
									<span>客梯数量：</span>
									<a>20 部</a>
								</li>
								<li class="clearfix">
									<span>停车设施：</span>
									<a>地下停车场、地上停车位</a>
								</li>
							</ul>
						</div>
						<div class="pull-right" style="width: 50%;">
							<ul>
								<li class="clearfix">
									<span>空调：</span>
									<a>海尔中央空调海尔中央空调海尔中央空调海尔中央空调海尔中央空调海尔中央空调</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="three-content">
				<div class="messagetitle">入驻企业</div>
				<div class="messgescontent">
					<div class="side-house">
						<p class="comlist">
							腾讯、百度、阿里巴巴、京东、网易腾讯、百度、阿里巴巴、京东、网易
						</p>
					</div>
				</div>
			</div>
			<div class="three-content">
				<div class="messagetitle">物业服务</div>
				<div class="messgescontent">
					<div class="side-house">
						<ul>
							<li>
								<span>物业公司：</span>
								<a title="第一太平戴维斯物业管理有限公司">第一太平戴维斯物业管理有限公司</a>
							</li>
							<li>
								<span>物业费：</span>
								<a title="12 元/m² · 天">12 元/m² · 天</a>
							</li>
							<li>
								<span>特色服务：</span>
								<a title="保洁、收发快递、安保">保洁、收发快递、安保</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="three-content">
				<div class="messagetitle">楼盘介绍</div>
				<div class="messgescontent dis">
					1887年3月7日，喜来登的创建人欧内斯特-亨德森生于离美国波士顿不远的粟树山镇。亨德森先生1933年开始进入饭店业，喜来登是喜来登旅馆公司最初的两家饭店中一个名字，在1937年他成立喜来登旅馆公司，该饭店公司1939年开始启用喜来登这个统一的名称，直到1957年，即喜来登公司成立20年时才真正建造了自己的第一座饭店。1887年3月7日，喜来登的创建人欧内斯特-亨德森生于离美国波士顿不远的粟树山镇。亨德森先生1933年开始进入饭店业，喜来登是喜来登旅馆公司最初的两家饭店中一个名字，在1937年他成立喜来登旅馆公司，该饭店公司1939年开始启用喜来登这个统一的名称，直到1957年，即喜来登公司成立20年时才真正建造了自己的第一座饭店。
				</div>
			</div>
		</div>
		</div>
		</div>
		<div class="left-570">
			<div class="side-txt-list">
				<h2>待租空间(22个)</h2>
				<span class="time">3天前更新</span>
				<div class="more-button-list">
					<a href="javascript:;" class="more-button-inner">更多房源信息</a>
					<!-- 该楼盘有联合办公时显示 -->
					<a href="javascript:;" class="more-button-inner" style="margin-left:10px;">联合办公</a>
					<!-- 该楼盘有联合办公时显示 -->
				</div>

				<div class="list-tab" style="height:30px;">
					<!-- <ul class="clearfix">
                                    <li class="active">全部</li>
                                    <li>开发商</li>
                                    <li>个人业主</li>
                                </ul> -->
					<dl style="left:0;">
						<dd>
							<a href="javascript:;">最新</a>
						</dd>
						<dd class="active">
							<a href="javascript:;">楼层&nbsp;<i class="fa fa-long-arrow-up"></i
                      ></a>
                    </dd>
                    <dd>
                      <a href="javascript:;"
                        >面积&nbsp;<i class="fa fa-long-arrow-down"></i
                      ></a>
                    </dd>
                    <dd>
                      <a href="javascript:;"
                        >月租&nbsp;<i class="fa fa-long-arrow-down"></i
                      ></a>
                    </dd>
                  </dl>
                </div>
                <div class="clearfix" style="margin-left:-6px;">
                  <div class="list-model">
                    <img src="../../common/images/inner.png" />
                    <div class="info">
                      <h4 class="ellipsis-1">222m² | T1 | 22层</h4>
                      <p><span class="big">18</span>元/m²·天</p>
                      <p class="clearfix">
                        <small class="pull-left">12.0万元/月</small>
                        <small class="pull-right">1分钟前</small>
                      </p>
                    </div>
                  </div>
                  <div class="list-model">
                    <img src="../../common/images/inner.png" />
                    <div class="info">
                      <h4 class="ellipsis-1">222m² | T1 | 22层</h4>
                      <p><span class="big">18</span>元/m²·天</p>
                      <p class="clearfix">
                        <small class="pull-left">12.0万元/月</small>
                        <small class="pull-right">1分钟前</small>
                      </p>
                    </div>
                  </div>
                  <div class="list-model">
                    <img src="../../common/images/inner.png" />
                    <div class="info">
                      <h4 class="ellipsis-1">222m² | T1 | 22层</h4>
                      <p><span class="big">18</span>元/m²·天</p>
                      <p class="clearfix">
                        <small class="pull-left">12.0万元/月</small>
                        <small class="pull-right">1分钟前</small>
                      </p>
                    </div>
                  </div>
                  <div class="list-model">
                    <img src="../../common/images/inner.png" />
                    <div class="info">
                      <h4 class="ellipsis-1">222m² | T1 | 22层</h4>
                      <p><span class="big">18</span>元/m²·天</p>
                      <p class="clearfix">
                        <small class="pull-left">12.0万元/月</small>
                        <small class="pull-right">1分钟前</small>
                      </p>
                    </div>
                  </div>
                  <div class="list-model">
                    <img src="../../common/images/inner.png" />
                    <div class="info">
                      <h4 class="ellipsis-1">222m² | T1 | 22层</h4>
                      <p><span class="big">18</span>元/m²·天</p>
                      <p class="clearfix">
                        <small class="pull-left">12.0万元/月</small>
                        <small class="pull-right">1分钟前</small>
                      </p>
                    </div>
                  </div>
                  <div class="list-model">
                    <img src="../../common/images/inner.png" />
                    <div class="info">
                      <h4 class="ellipsis-1">222m² | T1 | 22层</h4>
                      <p><span class="big">18</span>元/m²·天</p>
                      <p class="clearfix">
                        <small class="pull-left">12.0万元/月</small>
                        <small class="pull-right">1分钟前</small>
                      </p>
                    </div>
                  </div>
                  <div class="list-model">
                    <img src="../../common/images/inner.png" />
                    <div class="info">
                      <h4 class="ellipsis-1">222m² | T1 | 22层</h4>
                      <p><span class="big">18</span>元/m²·天</p>
                      <p class="clearfix">
                        <small class="pull-left">12.0万元/月</small>
                        <small class="pull-right">1分钟前</small>
                      </p>
                    </div>
                  </div>
                  <div class="list-model">
                    <img src="../../common/images/inner.png" />
                    <div class="info">
                      <h4 class="ellipsis-1">222m² | T1 | 22层</h4>
                      <p><span class="big">18</span>元/m²·天</p>
                      <p class="clearfix">
                        <small class="pull-left">12.0万元/月</small>
                        <small class="pull-right">1分钟前</small>
                      </p>
                    </div>
                  </div>
                </div>
                <div class="contentBottom clearfix">
                  <div class="page-box pull-right">
                    <div class="page-box house-lst-page-box">
                      <a class="on" href="javascript:;" data-page="1">1</a>
                      <a href="javascript:;" data-page="2">2</a>
                      <a href="javascript:;" data-page="3">3</a>
                      <span>...</span>
                      <a href="javascript:;" data-page="100">100</a>
                      <a href="javascript:;" data-page="2">下一页</a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="three-content">
                <div class="messagetitle">周边配套</div>
                <div class="messagecontent">
                  <div class="new-map"></div>
                  <ul class="map-li clearfix">
                    <li class="active"><a href="javascript:;">地铁站</a></li>
                    <li><a href="javascript:;">公交站</a></li>
                    <li><a href="javascript:;">银行</a></li>
                    <li><a href="javascript:;">酒店</a></li>
                  </ul>
                  <ul
                    class="map-address"
                    style="height:377px;overflow-y:scroll;"
                  >
                    <li class="clearfix">
                      <div
                        class="pull-left"
                        style="line-height: 40px;font-size: 20px;margin-right: 15px;"
                      >
                        <i class="fa fa-map-marker"></i>
				</div>
				<div class="pull-left">
					<p>
						<span style="font-weight:600;font-size:14px;padding-right:30px;">大望路</span
                          >
                          <span style="font-size:12px;"
                            ><i class="fa fa-paper-plane-o"></i
                            >&nbsp;336米</span
                          >
                        </p>
                        <p style="font-size:12px;">地铁14号线东段；地铁1号线</p>
                      </div>
                    </li>
                    <li class="clearfix">
                      <div
                        class="pull-left"
                        style="line-height: 40px;font-size: 20px;margin-right: 15px;"
                      >
                        <i class="fa fa-map-marker"></i>
                      </div>
                      <div class="pull-left">
                        <p>
                          <span
                            style="font-weight:600;font-size:14px;padding-right:30px;"
                            >大望路</span
                          >
                          <span style="font-size:12px;"
                            ><i class="fa fa-paper-plane-o"></i
                            >&nbsp;336米</span
                          >
                        </p>
                        <p style="font-size:12px;">地铁14号线东段；地铁1号线</p>
                      </div>
                    </li>
                    <li class="clearfix">
                      <div
                        class="pull-left"
                        style="line-height: 40px;font-size: 20px;margin-right: 15px;"
                      >
                        <i class="fa fa-map-marker"></i>
                      </div>
                      <div class="pull-left">
                        <p>
                          <span
                            style="font-weight:600;font-size:14px;padding-right:30px;"
                            >大望路</span
                          >
                          <span style="font-size:12px;"
                            ><i class="fa fa-paper-plane-o"></i
                            >&nbsp;336米</span
                          >
                        </p>
                        <p style="font-size:12px;">地铁14号线东段；地铁1号线</p>
                      </div>
                    </li>
                    <li class="clearfix">
                      <div
                        class="pull-left"
                        style="line-height: 40px;font-size: 20px;margin-right: 15px;"
                      >
                        <i class="fa fa-map-marker"></i>
                      </div>
                      <div class="pull-left">
                        <p>
                          <span
                            style="font-weight:600;font-size:14px;padding-right:30px;"
                            >大望路</span
                          >
                          <span style="font-size:12px;"
                            ><i class="fa fa-paper-plane-o"></i
                            >&nbsp;336米</span
                          >
                        </p>
                        <p style="font-size:12px;">地铁14号线东段；地铁1号线</p>
                      </div>
                    </li>
                    <li class="clearfix">
                      <div
                        class="pull-left"
                        style="line-height: 40px;font-size: 20px;margin-right: 15px;"
                      >
                        <i class="fa fa-map-marker"></i>
                      </div>
                      <div class="pull-left">
                        <p>
                          <span
                            style="font-weight:600;font-size:14px;padding-right:30px;"
                            >大望路</span
                          >
                          <span style="font-size:12px;"
                            ><i class="fa fa-paper-plane-o"></i
                            >&nbsp;336米</span
                          >
                        </p>
                        <p style="font-size:12px;">地铁14号线东段；地铁1号线</p>
                      </div>
                    </li>
                    <li class="clearfix">
                      <div
                        class="pull-left"
                        style="line-height: 40px;font-size: 20px;margin-right: 15px;"
                      >
                        <i class="fa fa-map-marker"></i>
                      </div>
                      <div class="pull-left">
                        <p>
                          <span
                            style="font-weight:600;font-size:14px;padding-right:30px;"
                            >大望路</span
                          >
                          <span style="font-size:12px;"
                            ><i class="fa fa-paper-plane-o"></i
                            >&nbsp;336米</span
                          >
                        </p>
                        <p style="font-size:12px;">地铁14号线东段；地铁1号线</p>
                      </div>
                    </li>
                    <li class="clearfix">
                      <div
                        class="pull-left"
                        style="line-height: 40px;font-size: 20px;margin-right: 15px;"
                      >
                        <i class="fa fa-map-marker"></i>
                      </div>
                      <div class="pull-left">
                        <p>
                          <span
                            style="font-weight:600;font-size:14px;padding-right:30px;"
                            >大望路</span
                          >
                          <span style="font-size:12px;"
                            ><i class="fa fa-paper-plane-o"></i
                            >&nbsp;336米</span
                          >
                        </p>
                        <p style="font-size:12px;">地铁14号线东段；地铁1号线</p>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="section">
        <div class="wrapper mt-45 clearfix">
          <div class="wrap-box">
            <div class="mode-title">
              <h3>周边推荐</h3>
            </div>
            <div class="mode-content">
              <ul class="new-other-list">
                <li>
                  <div class="small-pro-list-info">
                    <div class="pic">
                      <img src="../../common/images/12.jpg" />
                      <a href="javascript:;" class="threeD"
                        ><img src="../../common/images/3D.svg"
                      /></a>
                    </div>
                    <div class="remark">
                      <div class="clearfix">
                        <a
                          href="javascript:;"
                          class="ellipsis-1 pull-left"
                          style="width:150px;"
                          >北京华贸中心</a
                        >
                        <span class="zhizu-plan pull-right">直租计划</span>
				</div>
				<div class="detail-info clearfix">
					<div class="pull-left">200m²-2000m²在租</div>
					<div class="pull-right" style="line-height:17px;">
						<span class="blue" style="font-size:16px;">18</span>
						<small> 元/m²·天</small>
					</div>
				</div>
			</div>
		</div>
		</li>
		<li>
			<div class="small-pro-list-info">
				<div class="pic">
					<img src="../../common/images/12.jpg" />
					<a href="javascript:;" class="threeD"><img src="../../common/images/3D.svg" /></a>
				</div>
				<div class="remark">
					<div class="clearfix">
						<a href="javascript:;" class="ellipsis-1 pull-left" style="width:150px;">北京华贸中心</a>
						<span class="zhizu-plan pull-right">直租计划</span>
					</div>
					<div class="detail-info clearfix">
						<div class="pull-left">200m²-2000m²在租</div>
						<div class="pull-right" style="line-height:17px;">
							<span class="blue" style="font-size:16px;">18</span>
							<small> 元/m²·天</small>
						</div>
					</div>
				</div>
			</div>
		</li>
		<li>
			<div class="small-pro-list-info">
				<div class="pic">
					<img src="../../common/images/12.jpg" />
					<a href="javascript:;" class="threeD"><img src="../../common/images/3D.svg" /></a>
				</div>
				<div class="remark">
					<div class="clearfix">
						<a href="javascript:;" class="ellipsis-1 pull-left" style="width:150px;">北京华贸中心</a>
						<span class="zhizu-plan pull-right">直租计划</span>
					</div>
					<div class="detail-info clearfix">
						<div class="pull-left">200m²-2000m²在租</div>
						<div class="pull-right" style="line-height:17px;">
							<span class="blue" style="font-size:16px;">18</span>
							<small> 元/m²·天</small>
						</div>
					</div>
				</div>
			</div>
		</li>
		<li>
			<div class="small-pro-list-info">
				<div class="pic">
					<img src="../../common/images/12.jpg" />
					<a href="javascript:;" class="threeD"><img src="../../common/images/3D.svg" /></a>
				</div>
				<div class="remark">
					<div class="clearfix">
						<a href="javascript:;" class="ellipsis-1 pull-left" style="width:150px;">北京华贸中心</a>
						<span class="zhizu-plan pull-right">直租计划</span>
					</div>
					<div class="detail-info clearfix">
						<div class="pull-left">200m²-2000m²在租</div>
						<div class="pull-right" style="line-height:17px;">
							<span class="blue" style="font-size:16px;">18</span>
							<small> 元/m²·天</small>
						</div>
					</div>
				</div>
			</div>
		</li>
		<li>
			<div class="small-pro-list-info">
				<div class="pic">
					<img src="../../common/images/12.jpg" />
					<a href="javascript:;" class="threeD"><img src="../../common/images/3D.svg" /></a>
				</div>
				<div class="remark">
					<div class="clearfix">
						<a href="javascript:;" class="ellipsis-1 pull-left" style="width:150px;">北京华贸中心</a>
						<span class="zhizu-plan pull-right">直租计划</span>
					</div>
					<div class="detail-info clearfix">
						<div class="pull-left">200m²-2000m²在租</div>
						<div class="pull-right" style="line-height:17px;">
							<span class="blue" style="font-size:16px;">18</span>
							<small> 元/m²·天</small>
						</div>
					</div>
				</div>
			</div>
		</li>
		</ul>
		</div>
		</div>
		</div>
		</div>

		<!--页面底部-->
		<div class="footer">
			<div class="section">
				<div class="foot-box">
					<div class="split">
						<ul class="info-k clearfix">
							<li style="width:55%;">
								<div>
									<img src="../../common/images/logo-s5.svg" style="width:150px;" />
									<span>&nbsp;&nbsp;城市元素（北京）科技有限公司</span><br /> &nbsp;&nbsp;客户服务：
									<span>010-65883141 ( 早9:00-晚9:00 )</span
                    ><br />
                    <!-- <span>&nbsp;&nbsp;support@3Dzhixuan.com</span><br> -->
								</div>
							</li>
							<li style="width:34%;">
								<div style="padding:0 40px;">
									<img src="../../common/images/logo/qrcode.svg" style="width:150px;" />
								</div>
							</li>
						</ul>
						<ul class="footer-k clearfix">
							<li>
								<a href="../others/入驻平台-开发商.html">入驻平台</a>
							</li>
							<li>
								<a href="../others/平台及服务.html">平台及服务</a>
							</li>
							<li>
								<a href="../others/关于我们.html">关于我们</a>
							</li>
							<li>
								<a href="../others/团队招募.html">团队招募</a>
							</li>
							<li>
								<a href="../others/信息质量管理措施.html">信息质量管理措施</a>
							</li>
							<li>
								<a href="../others/用户隐私与条款.html">用户隐私与条款</a>
							</li>
						</ul>
						<p class="gray">
							© 2019 城市元素（北京）科技有限公司 版权所有 京ICP备 18009982号-2
						</p>
						<p class="gray" style="padding-top: 5px;">
							声明：本网站所使用的3D图像采集时间为2016年9月
						</p>
					</div>
				</div>
			</div>
		</div>
		</div>

		<!--/页面底部-->
		<script type="text/javascript" charset="utf-8" src="../../common/js/layer/layer.js"></script>
		<script>
			$(function() {
				// 提示层
				$('[data-toggle="tooltip"]').tooltip();

				// 滑动
				var picSwiper = new Swiper(".swiper-container", {
					slidesPerView: "auto",
					allowTouchMove: true,
					pagination: {
						el: ".swiper-pagination",
						clickable: true
					}
				});

				//3D部分
				$(".button a").on("click", function() {
					$(".button a").removeClass("active");
					$(this).addClass("active");

					var aim = $(this).attr("data-type");
					if(aim == "picture") {
						$(".picture").show();
						$(".d-shadow").hide();
					} else {
						$(".d-shadow").show();
						$(".picture").hide();
					}
				});

				var data = {
					status: 1,
					msg: "",
					title: "JSON请求的相册",
					id: 8,
					start: 0,
					data: [{
							alt: "图1",
							pid: 109,
							src: "../../common/images/inner.png",
							thumb: ""
						},
						{
							alt: "图2",
							pid: 110,
							src: "../../common/images/inner.png",
							thumb: ""
						},
						{
							alt: "图3",
							pid: 111,
							src: "../../common/images/inner.png",
							thumb: ""
						}
					]
				};
				$(".swiper-slide").on("click", function() {
					//相册层
					layer.photos({
						photos: data, //格式见API文档手册页
						anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机
					});
				});
			});

			$(window).scroll(function() {
				pageScroll();
			});

			function pageScroll() {
				var scroll = $(window).scrollTop();
				if(scroll < 40) {
					$(".new-header-2").addClass("headerPosition");
					$(".site-top-nav").removeClass("hide");
				} else {
					$(".new-header-2").removeClass("headerPosition");
					$(".site-top-nav").addClass("hide");
				}
			}
			pageScroll();
		</script>
	</body>

</html>